* {
  padding: 0;
  margin: 0;
}

/*   GLOBAL   */
body {
  font-size: 62.5%;
  background-color: rgb(255, 255, 255);
  font-family: verdana, arial, sans-serif;
}
.container {
  padding: 30px 25px 1px;
  width: 940px;
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 10px;
  /* border:solid 1px rgb(150,150,150);  */
  font-size: 1em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main {
  clear: both;
  width: 940px;
  padding-bottom: 30px;
  /* background:transparent url(./img/bg_main_withnav.jpg) top left repeat-y; */
  font-family: 'Microsoft YaHei', Georgia, Verdana, Arial, Helvetica, sans-serif,
    NSimSun, SimSun;
}
.main-navigation {
  display: inline /*Fix IE floating margin bug*/;
  float: left;
  width: 200px;
  overflow: visible !important /*Firefox*/;
  overflow: hidden /*IE6*/;
}
.main-content {
  font-family: 'Microsoft YaHei', Georgia, Verdana, Arial, Helvetica, sans-serif,
    NSimSun, SimSun;
  display: inline; /*Fix IE floating margin bug*/
  float: left;
  width: 680px;
  margin: 0 0 0 30px;
  overflow: visible !important /*Firefox*/;
  overflow: hidden /*IE6*/;
}
.footer {
  clear: both;
  /* width: 940px; */
  padding: 1.5em 0 1.5em 0;
  background: rgb(225, 225, 225) url(./img/bg_foot.jpg);
  font-size: 1em;
  overflow: visible !important /*Firefox*/;
  overflow: hidden /*IE6*/;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  border-radius: 0px 0px 3px 3px;
  margin: 0px -25px 0 -25px;
}

/* HEADER */
.header {
  /* width: 900px; */
  font-family: 'Microsoft YaHei', Georgia, Verdana, Arial, Helvetica, sans-serif,
    NSimSun, SimSun;
}
.header-middle {
  /* width: 100%; */
  height: 250px;
  margin: -30px -24px 0 -24px;
  background: rgb(230, 230, 230) url(./img/sxu_head.jpg);
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  overflow: visible !important /*Firefox*/;
  overflow: hidden /*IE6*/;
  border-radius: 3px 3px 0px 0px;
}
.header-bottom {
  width: 900px;
  height: 40px;
  /* background: rgb(255, 255, 255) url(./img/bg_head_breadcrumbs.jpg) repeat-y; */
}
.header-breadcrumbs {
  clear: both;
  width: 900px;
  padding: 1em 0 1.5em 0;
  /* background: rgb(255, 255, 255) url(./img/bg_head_breadcrumbs.jpg) repeat-y; */
}

/*  2. HEAD  */
.sitelogo {
  width: 60px;
  height: 40px;
  position: absolute;
  z-index: 1;
  margin: 22px 0 0 20px;
  background: url(./img/logo.jpg);
}
.sitename {
  width: 350px;
  height: 45px;
  position: absolute;
  z-index: 1;
  margin: 20px 0 0 90px;
  overflow: visible !important /*Firefox*/;
  overflow: hidden /*IE6*/;
}

.sitename h1 {
  font-size: 240%;
}
.sitename h2 {
  margin: -4px 0 0 0;
  color: rgb(234, 239, 247);
  font-size: 120%;
}
.sitename a {
  text-decoration: none;
  color: rgb(234, 239, 247);
}
.sitename a:hover {
  text-decoration: none;
  color: rgb(50, 50, 50);
}

.nav1 {
  width: 350px;
  position: absolute;
  z-index: 3;
  margin: 45px 0 0 550px;
}
.nav1 ul {
  float: right;
  padding: 0 15px 0 0;
  font-weight: bold;
}
.nav1 li {
  display: inline;
  list-style: none;
}
.nav1 li a {
  display: block;
  float: left;
  padding: 2px 5px 2px 5px;
  color: rgb(234, 239, 247);
  text-decoration: none;
  font-size: 120%;
}
.nav1 a:hover {
  text-decoration: none;
  color: rgb(50, 50, 50);
}

.nav2 {
  float: left;
  width: 900px;
  border: none;
  background: rgb(220, 220, 220) url(./img/bg_head_bottom_nav.jpg) no-repeat;
  color: rgb(75, 75, 75);
  font-size: 130%;
}
.nav2 ul {
  list-style-type: none;
}
.nav2 ul li {
  float: left;
  position: relative;
  z-index: auto !important /*Non-IE6*/;
  z-index: 1000 /*IE6*/;
  border-right: solid 1px rgb(175, 175, 175);
}
.nav2 ul li a {
  float: none !important /*Non-IE6*/;
  float: left /*IE-6*/;
  display: block;
  height: 3.1em;
  line-height: 3.1em;
  padding: 0 16px 0 16px;
  text-decoration: none;
  font-weight: bold;
  color: rgb(100, 100, 100);
}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  margin: 0 0 0 190px;
  background: url(./img/bg_corner_topright.gif) no-repeat;
}
.main-navigation h1 {
  clear: both;
  margin: 30px 0 10px 0;
  padding: 4px 20px 3px 20px;
  background: rgb(190, 190, 190);
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 150%;
}
.main-navigation h1.first {
  clear: both;
  margin: 0px;
  padding: 4px 20px 3px 20px;
  background-color: rgb(190, 190, 190);
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 160%;
}
.main-navigation h2 {
  clear: both;
  margin: 5px 10px 5px 20px;
  font-family: 'trebuchet ms', arial, sans-serif;
  color: rgb(100, 100, 100);
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.nav3-grid {
  width: 199px;
  /* border-bottom: solid 1px rgb(200, 200, 200); */
}
.nav3-grid dt a,
.nav3-grid dt a:visited {
  display: block;
  min-height: 2em /*Non-IE6*/;
  height: auto !important;
  height: 2em /*IE6*/;
  line-height: 2em;
  padding: 0px 10px 0px 20px;
  border-top: solid 1px rgba(200, 200, 200, 0.4);
  text-decoration: none;
  color: rgb(100, 100, 100);
  font-weight: bold;
  font-size: 140%;
}
.nav3-grid dt a:hover {
  background-color: rgb(225, 225, 225);
  color: rgb(42, 90, 138);
  /* color: #89181b; */
  text-decoration: none;
}

/* MAIN CONTENT */
.main-content h1.pagetitle {
  margin: 0 0 0.4em 0;
  padding: 0 0 2px 0;
  border-bottom: solid 7px rgb(225, 225, 225);
  color: rgb(100, 100, 100);
  font-weight: bold;
  font-size: 220%;
}
.main-content h1.block {
  clear: both;
  margin: 1em 0 0em 0;
  padding: 2px 0 2px 2px;
  background: rgb(190, 190, 190);
  font-family: 'trebuchet ms', arial, sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 220%;
}
.main-content h1 {
  clear: both;
  margin: 1em 0 0.5em 0;
  color: rgb(80, 80, 80);
  font-weight: bold;
  font-size: 210%;
}
.main-content h2 {
  clear: both;
  margin: 1em 0 0.5em 0;
  color: rgb(80, 80, 80);
  font-weight: bold;
  font-size: 170%;
}
.main-content h3 {
  clear: both;
  margin: -1em 0 0.5em 0;
  color: rgb(125, 125, 125);
  font-weight: normal;
  font-size: 130%;
}
.main-content h1.side {
  clear: none;
}
.main-content h2.side {
  clear: none;
}
.main-content h3.side {
  clear: none;
}

.main-content p {
  clear: left;
  margin: 0 0 1em 0;
  font-size: 15px;
  font-family: 'Microsoft YaHei', Georgia, Verdana, Arial, Helvetica, sans-serif,
    NSimSun, SimSun;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6em;
}
.main-content a {
  color: #ffffff;
}
.main-content p a {
  text-decoration: none;
  color: #3366ff;
}

.main-content p.name,
p.date {
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

.main-content ul {
  list-style: none;
  margin: 0.5em 0 1em 0;
}
.main-content ul li {
  font-family: 'Microsoft YaHei', Georgia, Verdana, Arial, Helvetica, sans-serif,
    NSimSun, SimSun;
  margin: 0 0 0.2em 2px;
  padding: 0 0 0 12px;
  /* background: url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; */
  line-height: 1.4em;
  font-size: 15px;
}

.column1-unit {
  width: 680px;
  margin-bottom: 10px !important /*Non-IE6*/;
  margin-bottom: 5px /*IE6*/;
}

.column1-unit p.cont {
  margin: 0 0 0.5em 0;
}
.column1-unit p.cont a {
  text-decoration: none;
  color: #000;
}
.column1-unit p.cont a:hover {
  text-decoration: none;
  color: #921a1c;
}
.column2-unit-left {
  float: left;
  width: 420px;
  margin-bottom: 10px !important /*Non-IE6*/;
  margin-bottom: 5px /*IE6*/;
}
.column2-unit-right {
  float: right;
  width: 200px;
  margin-bottom: 10px !important /*Non-IE6*/;
  margin-bottom: 5px /*IE6*/;
}

.imageleft {
  border: 1px solid #cccccc;
  padding: 4px;
  float: left;
  margin: 4px 8px 4px 0;
  background-color: #f9f9f9;
}
.imageright {
  border: 1px solid #cccccc;
  padding: 4px;
  float: right;
  margin: 4px 0px 4px 8px;
  background-color: #f9f9f9;
}

table {
  width: 100%;
  font-size: 18px;
  border: 1px solid #dee2e6;
  border-spacing: 0;
}
tr {
  /* background-color: #fff; */
  text-align: center;
  /* text-align: left; */
}
td {
  font-size: 15px;
  text-align: center;
  line-height: 1.6em;
  border-right: 1px solid #dee2e6;
  /* text-align: left; */

}
td,
th {
  min-width: 0;
  box-sizing: border-box;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6;
  padding: 3px;
  /* text-align: left; */
}
th {
  border-bottom-width: 2px;
  padding: 7px;
  background-color: #f5f7f9;
}
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
  line-height: 2em;
  /* text-align: center; */
  color: rgb(125, 125, 125);
  font-weight: bold;
  font-size: 110%;
}
.footer p.credits {
  font-weight: normal;
}
.footer a {
  text-decoration: underline;
  color: rgb(125, 125, 125);
}
.footer a:hover {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.footer a:visited {
  color: rgb(0, 0, 0);
}
.footer {
  text-align: center;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after,
.header:after,
.header-breadcrumbs:after,
.main:after,
.main-navigation:after,
.main-content:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.column1-unit:after,
.column2-unit-left:after,
.column2-unit-right:after,
.column3-unit-left:after,
.column3-unit-middle:after,
.column3-unit-right:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer:after,
p:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear-contentunit {
  clear: both;
  width: 680px;
  height: 0.1em;
  border: none;
  background: rgb(210, 210, 210);
  color: rgb(210, 210, 210);
}

.foot-img {
  float: left;
  display: inline;
  margin-top: 0;
  /* margin-left: 5px; */
  width: 55px;
  height: 55px;
  background: url(./img/sxu_dig.jpg);
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.foot-text {
  float: left;
  display: inline;
  margin-top: 16px;
  margin-left: 5px;
}
.foot {
  margin: 0 auto;
  width: 385px;
}
.name-list {
  margin-bottom: 20px;
  padding: 15px;
}
.column1-unit > p {
  text-indent: 30px;
}

.bootstrap-frm {
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* max-width: 500px; */
  /* background: #fff; */
  /* padding: 10px; */
  font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #888;
  text-shadow: 1px 1px 1px #fff;
  /* border: 1px solid #ddd; */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.bootstrap-frm h2 {
  font-size: 120%;
}
/* .bootstrap-frm h2 {
  font: 25px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0px 0px 10px 40px;
  display: block;
  border-bottom: 1px solid #dadada;
  margin: -10px -30px 30px -30px;
  color: #888;
}
.bootstrap-frm h2 > span {
  display: block;
  font-size: 11px;
} */
.bootstrap-frm label {
  display: inline-block;
  min-width: 80px;
  margin: 0px 0px 5px;
}
.bootstrap-frm label > span {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 10px;
  margin-top: 10px;
  color: #333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.bootstrap-frm input[type='radio'] {
  line-height: 15px;
  margin-bottom: 16px;
  margin-left: 6px;
  margin-top: 2px;
}
.bootstrap-frm input[type='text'],
.bootstrap-frm input[type='email'],
.bootstrap-frm input[type='number'],
.bootstrap-frm input[type='date'],
.bootstrap-frm textarea,
.bootstrap-frm select {
  border: 1px solid #ccc;
  color: #888;
  height: 20px;
  line-height: 15px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 5px 0px 5px 5px;
  width: 70%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bootstrap-frm input[type='date'] {
  width: 150px;
}
.bootstrap-frm select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 70%;
  height: 35px;
  line-height: 15px;
}
.bootstrap-frm textarea {
  height: 100px;
  padding: 5px 0px 0px 5px;
  width: 70%;
}
.bootstrap-frm .button {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 25px 10px 25px;
  color: #333;
  border-radius: 4px;
}
.bootstrap-frm .button:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.report p {
  text-indent: 30px;
}
td.report {
  padding: 5px 15px;
  text-align: left;
}
.sponsor a img {
  height: 40px;
  margin: 20px;
}
table.foot-sponsor {
  border: none;
}
table.foot-sponsor td {
  border: none;
  text-align: left;
  vertical-align: text-top;
}

.foot-sponsor-title {
  width: 150px;
}

.foot-sponsor-title img {
  width: 24px;
  margin-bottom: -6px;
  margin-left: 5px;
}
.foot-sponsor-content {
  padding: 10px;
}
.foot-sponsor-content a img {
  height: 30px;
  margin: 5px;
}
